body{
    background-attachment:fixed;
    background-color:#777;
    background-size: cover;
    background-repeat:no-repeat;
    font-family:Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
    background-image: url(../image/bg.jpg);
}
/*瀹氫箟瀵艰埅鏉″簳閮ㄥ杈硅窛涓�0px锛岄鑹蹭负榛戣壊锛岄�鏄庡害涓�.3*/
.navbar{
    background-color:rgba(0,0,0,.3);
    margin-bottom: 40px;
}
.navbar a{
    color: white;
    padding-left: 10px;
}
.navbar a:hover{
    color: red;
    text-decoration: none;
}

.logo{
    line-height: 60px;
    font-size: 18px;
    color: green;
}


.activeclass{
    background-color: rgba(30,30,30,.8);
}
.nav li a{
    color: #da6426;
    margin-top: 2px;
    padding: 10px 10px;
}
.nav li a:hover,
.nav li a:focus{
    background-color: rgba(30, 30, 30, 0.8);
}
.opacity{
    background-color: rgba(0,0,0,.3);
    color: white;
}

.lable{
    color: #ffffff;
    font-size:medium;
}

.message{
	color: red;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}